<template>
  <div>
  <!-- 
  事件总线  作用: 任意组件完成组件通信
  把事件总线安装到Vue的原型对象上 所有的组件都可以访问到
   - 实现
  在实例`newVue`中的`beforeCreated`钩子函数里安装事件总线 `Vue.prototype.$bus = this`
  获取参数: `this.$bus.$on('xxx', fn)`
  接收参数: `this.$bus.$emit('xxx', count)`


  插槽 主要是为了实现父组件向子组件传递标签结构
    父组件使用子组件时标签内的就是插槽的内容

  子组件
    <solt/> 默认插槽 
    <solt name="xxx" /> 具名插槽
    <solt :a="1" :b="2"/> 作用域插槽
  父组件
    默认插槽传值
    <Child/>
    具名插槽
    <template v-solt:xxx />
    作用域插槽
    <template #xxx="{a,b}/>"
  -->

  <Child title="音乐">
    <template v-slot="scop" >
      {{scop.username}}
    </template>
  </Child>

  </div>
</template>

<script>
import Child from './Child.vue'
export default {
  components: { Child },
  }
</script>

<style scoped>
div{
  color:rgb(255, 30, 30);
}
</style>